<!DOCTYPE html>
<html class="loading" lang="en" data-textdirection="ltr" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
    <title>明日校园管理平台</title>
    <link rel="stylesheet" type="text/css" href="/app-assets/css/vendors.css">
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_2959825_4s6hxoaw6k7.css">
</head>
<body class="vertical-layout vertical-menu 2-columns   menu-expanded fixed-navbar" data-open="click"
      data-menu="vertical-menu" data-color="bg-gradient-x-purple-blue" data-col="2-columns">
<div th:replace="header :: header"></div>
<div class="main-menu menu-fixed menu-light menu-accordion    menu-shadow " data-scroll-to-active="true"
     data-img="app-assets/images/backgrounds/02.jpg">
    <div class="navbar-header">
        <ul class="nav navbar-nav flex-row">
            <li class="nav-item mr-auto"><a class="navbar-brand" href="index.html"><img class="brand-logo"
                                                                                        alt="Chameleon admin logo"
                                                                                        src="/app-assets/images/logo2.png"/>
                <h3 class="brand-text">明日校园管理平台</h3>
            </a></li>
            <li class="nav-item d-md-none"><a class="nav-link close-navbar"><i class="ft-x"></i></a></li>
        </ul>
    </div>
  <div th:replace="menu :: menu"></div>

    <div class="navigation-background"></div>
</div>
<div class="app-content content">
    <div class="content-wrapper">
        <div class="content-wrapper-before"></div>
        <div class="content-header row">
            <div class="content-header-left col-md-4 col-12 mb-2">
                <h3 class="content-header-title">添加课程资源</h3>
            </div>
            <div class="content-header-right col-md-8 col-12">
                <div class="breadcrumbs-top float-md-right">
                    <div class="breadcrumb-wrapper mr-1">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a th:href="@{/}">主页</a></li>
                            <!--  <li class="breadcrumb-item"><a href="pwd.html"> 修改密码</a></li>-->
                        </ol>
                    </div>
                </div>
            </div>
        </div>
        <div class="content-body">
            <section class="file-browser">
                <div class="row match-height">
                    <div class="col-lg-12 col-md-12">
                        <div class="card" style="">

                            <section>
                                <div class="card-block">
                                    <form role="form" th:action="@{/resource/upload}" method="post"  enctype="multipart/form-data">
                                        <div class="card-body">
                                            <div class="inputbox" style="width: 100%; max-width: 1100px; margin: 0 auto;">

                                                <div style="width: 100%; max-width: 600px;" >
                                                    <h5 class="mt-2">课程标题</h5>
                                                    <fieldset class="form-group">
                                                        <input type="text" name="title"  class="form-control" th:value="*{title}">
                                                    </fieldset>


                                                    <h5 class="mt-2">备注：</h5>
                                                    <fieldset class="form-group">
                                                        <input type="text" required name="content" th:value="*{content}" class="form-control">
                                                    </fieldset>

                                                    <h5 class="mt-2">课程文件：</h5>

                                                        <fieldset class="form-group">
                                                            <input type="file" name="file"  id="exampleInputFile" th:placeholder="请上传文件">
                                                        </fieldset>

                                                </div>
                                                <div class="text-center">
                                                    <button  type="submit"  class="btn btn-primary">保存提交</button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>

                                </div>
                            </section>

                        </div>
                    </div>
            </section>
        </div>
    </div>
</div>
<footer class="footer footer-static footer-light navbar-border navbar-shadow">
    <div class="clearfix blue-grey lighten-2 text-sm-center mb-0 px-2"><span
            class="float-md-left d-block d-md-inline-block">2021 &copy;TomorrowSchoolMs 明日校园智慧管理系统 © 2021-2024</span>
        <ul class="list-inline float-md-right d-block d-md-inline-blockd-none d-lg-block mb-0">
            <li class="list-inline-item">明日校园智慧管理系统</li>
        </ul>
    </div>
</footer>


<!-- BEGIN VENDOR JS-->
<script src="/app-assets/js/vendors.min.js" type="text/javascript"></script>
<script src="/app-assets/js/app-menu.js" type="text/javascript"></script>
<script src="/app-assets/js/app.js" type="text/javascript"></script>

<!--引入 wangEditor2.0-->
<link rel="stylesheet" type="text/css" href="/app-assets/css/wangEditor.css">
<script type="text/javascript" src="/app-assets/js/wangEditor-1.1.0-min.js"></script>
<script type="text/javascript">
    // 阻止输出log
    // wangEditor.config.printLog = false;
    var editor = new wangEditor('editor-trigger');
    // 上传图片
    editor.config.uploadImgUrl = '/resource/upload';
    // 跨域上传
    // editor.config.uploadImgUrl = 'http://localhost:8012/upload';
    // 第三方上传
    // editor.config.customUpload = true;
    // editor.config.menus = [
    //     'img',
    //     'insertcode',
    //     'eraser',
    //     'fullscreen'
    // ];

    // onchange 事件
    // editor.onchange = function () {
    //     console.log(this.$txt.html());
    // };
    // 取消过滤js
    // editor.config.jsFilter = false;
    // 取消粘贴过来
    // editor.config.pasteFilter = false;
    // 设置 z-index
    // editor.config.zindex = 20000;
    // 语言
    // editor.config.lang = wangEditor.langs['en'];
    // 自定义菜单UI
    // editor.UI.menus.bold = {
    //     normal: '<button style="font-size:20px; margin-top:5px;">B</button>',
    //     selected: '.selected'
    // };
    // editor.UI.menus.italic = {
    //     normal: '<button style="font-size:20px; margin-top:5px;">I</button>',
    //     selected: '<button style="font-size:20px; margin-top:5px;"><i>I</i></button>'
    // };
    editor.create();
</script>
<script>
</script>
</body>
</html>